<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>爬虫结果显示</title>

    <style>
      header,footer{
          width:600px;
          height:40px;
          background:#222;
          color:#fff;
          text-align:center;
          margin:0 auto;
      }
      header li{
          display:inline-block;
          margin:3px 15px;
      }
      .container{
           width:600px;
          height:300px;
          margin:0 auto;
          text-align:center;
      }
      .box{
        margin:15px 10px;
      }
      a{
        color: white;
      }
  </style>
</head>
    <body>
    <header>
        <li><a href="/">首页</a></li>
        <li><a href="/gettext">爬文字</a></li>
        <li><a href="/getimg">爬图片</a></li>
        <li><a href="/hr">招聘</a></li>
    </header>
    <div class="container">
        <div class="box">
            <img src="/static/img/color01.PNG" style="height: 150px;">
        </div>
        <div class="box">
            <form action="" method="post">
                <div class="box0">
                    <label for="">姓名</label>
                    <input type="text" name="name">
                </div>
                <div class="box">
                    <label for="">密码</label>
                    <input type="text" name="userpwd">
                </div>
                <div class="box">
                    <input type="submit" name="submit" value="登陆">
                    <input type="reset" value="重填">
                </div>
            </form>
        </div>
    <footer>
        <p>本系统由21106110孔维琦制作 版权所有，违规必究 </p>
    </footer>
</html>